<?php
/**
 * View Archivio Booking LaFabbrica.org
 * 
 * @author     luigi.pastore (gigi@la-fabbrica.org)
 * @created    21-apr-2011
 * @package    LaFabbrica
 * @copyright  Copyright (c) 2011 Luigi Pastore
 */
?>
<script type="text/javascript">
    //<![CDATA[
     
    $(document).ready(function() {

        //Default Action
        $(".tab-content").hide(); //Hide all content
        $("ul.tabs li:first").addClass("active").show(); //Activate first tab
        $("ul.tabs li:first").show(); //Activate first tab
        $(".tab-content:first").show(); //Show first tab content
	
        //On Click Event
        $("ul.tabs li").click(function() {
            //loadTab($(this).find("a").attr("href"));
            $("ul.tabs li").removeClass("active"); //Remove any "active" class
            $(this).addClass("active"); //Add "active" class to selected tab
            $(".tab-content").hide(); //Hide all tab content
            var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
            $(activeTab).show(); //Fade in the active content
            return false;
        });
        
        var pagination = $('#live-list').pagination({
            'targetUrl' : '/admin/ajax/list/booking-live',
            'orderField' : 'live_date',
            'orderDir' : 'asc'
        })
    });

    //]]>
</script>
<div class="info">
    <h2>Booking</h2>
    <div>Per inserire un nuovo locale...</div>
</div>
<div id="content">
    <div id="tabbed">
        <ul class="tabs">
            <li class="live"><a href="#live">Live</a></li>
            <li class="events"><a href="#events">Eventi</a></li>
            <li class="activities"><a href="#activities">Attivit&agrave;</a></li>
        </ul>
        <div id="tab-container" class="tab-container">
            <div id="preloader">
                <span class="loader">Sto caricando...</span>
            </div>
            <div id="live" class="tab-content live" style="display:none">
                <h3>Elenco prossimi Live</h3>

                <table class="log clearfix list">
                    <caption id="title107">
                        Tot: <strong><?php echo $this->live_count ?></strong> live.
                    </caption>

                    <thead>
                        <tr>
                            <td colspan="5" class="pagination">
                                <span class="prev">
                                    <a href="javascript: void(0);">&nbsp;</a>
                                </span>

                                <span class="loader">Sto caricando...</span>
                                <span class="next">
                                    <a href="javascript: void(0);">&nbsp;</a>
                                </span>
                            </td>
                        </tr>
                    </thead>
                    <tbody id="live-list">
                        <!-- Questo contenuto verrà rimpiazzato dalla paginazione-->           
                    </tbody>
                </table>
                <br class="clear"/>
                <div class="buttons center">
                    <form>
                        <ul>
                            <li class="addnew">
                                <a class="button" href="/admin/live/info">
                                    <img src="/images/admin/16x16/add-new.png" />Nuovo Live
                                </a>
                                <a class="button" href="/admin/live/">
                                    <img src="/images/admin/16x16/live.png" />Vai a Elenco Live
                                </a>
                            </li>
                        </ul>
                    </form>        
                </div>                
            </div>        

            <div id="events" class="tab-content events" style="display:none">
                TAB2
            </div>
            
            <div id="activities" class="tab-content" style="display:none">
                <h3>Attivit&agrave;</h3>
                <div class="widget">
                    <strong>Live Da Confermare</strong> 
                    <var class="color1"><?php echo $this->live_count ?></var> 
                    <em>Number</em>
                </div>
                <div class="widget">
                    <strong>Recall</strong> 
                    <var class="color1">11</var> 
                </div>
                <br class="clear"/>
                <div class="buttons center">
                    <form>
                        <ul>
                            <li class="addnew">
                                <a class="button" href="/admin/attivita/info">
                                    <img src="/images/admin/16x16/add-new.png" />Nuova Attivit&agrave;
                                </a>
                                <a class="button" href="/admin/attivita/">
                                    <img src="/images/admin/calendar.png" />Vai a Elenco Attivit&agrave;
                                </a>
                            </li>
                        </ul>
                    </form>        
                </div>
            </div>
        </div>
    </div>
</div>